.container
{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
.svg:hover {transform: scale(1, 1);}
.link-font:hover
{
	color: var(--light-main-color);
	opacity: 0.6;
}
.font {font-size: 80%;}
.big-font {font-size: 100%;}

/* Меню */
.header__body
{
	padding: 0 20px;
}
.menu
{
	display: none;
	position: fixed;
	width: 100%;
	height: auto;
	top: 53px;
	left: 0;
	justify-content: center;
}
.menu__list
{
	flex-direction: column;
	width: 100%;  
}
.menu__list:after
{
	content: '';
	width: 100%;
	height: 5px;
	background-color: var(--selection-color);
}
.menu__list > li
{
	border-top: 2px solid var(--selection-color);
}
.menu__list > li:hover {background-color: var(--main-color);}
.menu__link {padding: 10px;}
.menu__list > li:hover .sub-menu__list {display: none;}

/* Випадаюче меню */
.sub-menu__list
{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 0;
	width: 100%;
}
.sub-menu__list > li {background-color: var(--light-main-color);}
.sub-menu__link {text-align: center;}

/* Меню гамбургер */
.mobile-menu
{
	display: block;
	position: relative;
}
.mobile-menu__button
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	cursor: pointer;
}

/* Стрілка */
.mobile-menu__arrow
{
	position: absolute;
	top: 13px;
	right: 30px;
	width: 0;
	height: 0;
	border-top: 10px solid #dd6341;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	transition: transform 0.4s ease;
}

/* Поведінка mobile-menu__search */
#mobile-menu__search:checked ~ .menu__link .mobile-menu__arrow {transform: rotate(180deg);}
#mobile-menu__search:checked ~ .sub-menu__list {display: block;}

/* Лінії */
.mobile-menu__button > div,
.mobile-menu__button > div:before,
.mobile-menu__button > div:after
{
	width: 100%;
	height: 4px;
	background-color: #dd6341;
	border-radius: 2.5px;
	transition: all 0.4s ease;
}
.mobile-menu__button > div {position: relative;}
.mobile-menu__button > div:before,
.mobile-menu__button > div:after
{
	content: '';
	position: absolute;
	top: -9px;
}
.mobile-menu__button > div:after {top: 9px;}

/* Анімація*/
#burger:checked ~ .mobile-menu .mobile-menu__button > div {transform: rotate(135deg);}
#burger:checked ~ .mobile-menu .mobile-menu__button > div:before,
#burger:checked ~ .mobile-menu .mobile-menu__button > div:after
{
	top: 0;
	transform: rotate(90deg);
}

/* Поведінка */
#burger:checked ~ .menu {display: flex;}

/* Манга на головній сторінці */
.list,
.list-block
{
	width: 98%;
	margin: 10px 0;
}
.block
{
	width: 46%;
	margin: 10px 2%;
}
.block:hover
{
	transform: scale(1, 1);
	border-color: var(--main-color);
	box-shadow: 0 0 0;
}
.block__img {height: auto;}

/* Пошук */
.search {margin-bottom: 50px;}
.button:hover,
.bottom-bar__symbol:hover,
.list > li:hover
{
	background-color: var(--main-color);
	color: var(--page-color);
}

/* Сторінка з мангою */
.manga {display: block;}
.manga__block {width: 100%;}
.manga__bottom-button
{
	margin: 10px -10px;
	padding: 10px;
	border-top: 5px solid var(--main-color);
}
.list > li:hover .list__link {color: var(--main-page-color)}
.list__select {height: 30px;}
.back-arrow:hover {opacity: 0.5;}

/* Перегортання сторінок */
.show-book
{
	margin-bottom: 40px;
	margin-top: 20px;
	padding: 0;
}
.page-scroll {height: 30px;}
.page-scroll__form {width: 50%;}
.page-scroll__form > button {width: 30px;}
.page-scroll__form > button:hover {background-color: var(--light-main-color);}
.page-scroll__group > a {margin: 0 5px;}

/* Помилка */
.error__img {width: 100%;}
